<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html>
<head>
    <c:set var="path" value="${pageContext.request.contextPath }/recptionViews/"></c:set>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
	<meta name="format-detection" content="telephone=no" />
	<title>友好生鲜</title>
	<link rel="stylesheet" href="${path }css/base.css">
	<link rel="stylesheet" href="${path }css/index.css">
	<script type="text/javascript" src="${path }js/zepto.js"></script>
	<script type="text/javascript" src="${path }js/banner.js"></script>
	<script type="text/javascript" src="/have_good_fresh/js/jquery/jquery-3.3.1.js" ></script>
	<script type="text/javascript">
    $(function(){
       alert("123456798asdasfd");

       var str;

       str='<div class="index_list_main">'+
   		'<a href="details.html">'+
		'<div class="in_list_img" style="background-image:url(${path }img/banner.png)"></div>'+
		'<div class="in_list_txts">'+
			'<p>奶油味夏威夷果 奶油口味 产干货干果坚果零食小吃袋装</p>'+
			'<div class="in_list_bq">1小时极速送达</div>'+
			'<div class="in_list_span">'+
				'<span class="in_list_span_t1">原价：<i>¥72</i></span>'+
				'<span class="in_list_span_t1">会员价：<i>¥56</i></span>'+
				'<span class="in_list_span_t2">378已抢</span></div>'+
		'</div>'+
	'</a>'+
'</div>';
         
         $.ajax({
    	   type: "GET",
    	   url: "getReCom.cs",
    	   dataType: "json",
           success:function(data){
           alert(data);
   
        	   
               },
           error:function(){
           alert("ajax出错 ");
               }

           }); 
   
        $("#sunShowRecCom").append(str);
        });
	</script>
</head>
<body>
<!--首页头部-->
<div class="header_body">
	<div class="header_main">
		<div class="header_icon01"><a href="#1"></a></div>
		<div class="header_txt">有好生鲜</div>
		<div class="header_icon02"><a href="#1"></a></div>
	</div>
</div>
<!--内容-->
<div class="index_nav">
	<ul>
		<li><a href="#1" class="nav_a now">推荐</a></li>
		<li><a href="#1" class="nav_a">果蔬</a></li>
		<li><a href="#1" class="nav_a">水产</a></li>
		<li><a href="#1" class="nav_a">休闲</a></li>
		<li><a href="#1" class="nav_a">肉蛋</a></li>
		<li><a href="#1" class="nav_a">粮油</a></li>
	</ul>
</div>
<!--banner-->
<div class="wrap" id="focus">
	<ul class="pics">
		<li style="background-image:url(${path }img/banner.png)"><a href="#1"></a></li>
		<li style="background-image:url(${path }img/banner.png)"><a href="#2"></a></li>
		<li style="background-image:url(${path }img/banner.png)"><a href="#3"></a></li>
	</ul>
	 <p class="num">
		<i class="dot current"></i>
		<i class="dot"></i>
		<i class="dot"></i>
	</p>
	<script type="text/javascript">
		window.addEventListener('DOMContentLoaded', function(){ 
		var $slide = document.getElementById('focus');
		var aBullet = $slide.querySelectorAll('.dot');
		var len = aBullet.length;
		
		var mySwipe = new Swipe($slide,{
		auto: 2000,
			callback: function(i){
				var n = len 
			while(n--) {
					aBullet[n].classList.remove('current');
				}
				aBullet[i].classList.add('current');
			}
		});
		});
	</script>
</div>
<!--拼团-->
<div class="index_pt_main">
	<a href="group.html"><img src="${path }img/index/pt.png"></a>
</div>
<!--list-->
<div class="index_list_body" id="sunShowRecCom">
	<%-- <div class="index_list_main">
		<a href="details.html">
			<div class="in_list_img" style="background-image:url(${path }img/banner.png)"></div>
			<div class="in_list_txts">
				<p>奶油味夏威夷果 奶油口味 产干货干果坚果零食小吃袋装</p>
				<div class="in_list_bq">1小时极速送达</div>
				<div class="in_list_span">
					<span class="in_list_span_t1">原价：<i>¥72</i></span>
					<span class="in_list_span_t1">会员价：<i>¥56</i></span>
					<span class="in_list_span_t2">378已抢</span></div>
			</div>
		</a>
	</div>
	<div class="index_list_main">
		<a href="details.html">
			<div class="in_list_img" style="background-image:url(${path }img/banner.png)"></div>
			<div class="in_list_txts">
				<p>奶油味夏威夷果 奶油口味 产干货干果坚果零食小吃袋装</p>
				<div class="in_list_bq">1小时极速送达</div>
				<div class="in_list_span">
					<span class="in_list_span_t1">原价：<i>¥72</i></span>
					<span class="in_list_span_t1">会员价：<i>¥56</i></span>
					<span class="in_list_span_t2">378已抢</span></div>
			</div>
		</a>
	</div>
	<div class="index_list_main">
		<a href="details.html">
			<div class="in_list_img" style="background-image:url(${path }img/banner.png)"></div>
			<div class="in_list_txts">
				<p>奶油味夏威夷果 奶油口味 产干货干果坚果零食小吃袋装</p>
				<div class="in_list_bq">1小时极速送达</div>
				<div class="in_list_span">
					<span class="in_list_span_t1">原价：<i>¥72</i></span>
					<span class="in_list_span_t1">会员价：<i>¥56</i></span>
					<span class="in_list_span_t2">378已抢</span></div>
			</div>
		</a>
	</div>
	<div class="index_list_main">
		<a href="details.html">
			<div class="in_list_img" style="background-image:url(${path }img/banner.png)"></div>
			<div class="in_list_txts">
				<p>奶油味夏威夷果 奶油口味 产干货干果坚果零食小吃袋装</p>
				<div class="in_list_bq">1小时极速送达</div>
				<div class="in_list_span">
					<span class="in_list_span_t1">原价：<i>¥72</i></span>
					<span class="in_list_span_t1">会员价：<i>¥56</i></span>
					<span class="in_list_span_t2">378已抢</span></div>
			</div>
		</a>
	</div>
	<div class="index_list_main">
		<a href="details.html">
			<div class="in_list_img" style="background-image:url(${path }img/banner.png)"></div>
			<div class="in_list_txts">
				<p>奶油味夏威夷果 奶油口味 产干货干果坚果零食小吃袋装</p>
				<div class="in_list_bq">1小时极速送达</div>
				<div class="in_list_span">
					<span class="in_list_span_t1">原价：<i>¥72</i></span>
					<span class="in_list_span_t1">会员价：<i>¥56</i></span>
					<span class="in_list_span_t2">378已抢</span></div>
			</div>
		</a>
	</div> --%>
</div>
<!--购物车-->
<div class="index_shopping"><a href="shop.html"></a></div>
<!--底部导航-->
<div class="bot_nav_body">
	<div class="bot_nav_main">
		<ul>
			<li style="width:33.3%"><a href="index.html" class="nav_txt nav_none01"><span class="nav_icon01"></span>首页</a></li>
			<li style="width:33.3%"><a href="index_find.html" class="nav_txt"><span class="nav_icon02"></span>发现</a></li>
			<li style="width:33.3%"><a href="index_my.html" class="nav_txt"><span class="nav_icon03"></span>订单</a></li>
		</ul>
	</div>
</div>
</body>
</html>
